Route Loadingのライフサイクル
docs
TanStack Router
では、URL が変わると以下の順序で処理される
① Route Matching
URL と search params を安全に検証する
route.params.parse
route.validateSearch
② Route Pre-Loading（直列）
認可・リダイレクト・context注入などに使う
route.beforeLoad (tanstack)
エラー処理（
onError
,
errorComponent
）
③ Route Loading（並列）
component.preload?
route.loader (tanstack)
マッチ時に呼ばれる
pendingComponent
（遅い場合）
component
エラー処理
👉 複数ルートの loader は並列実行されるのが重要ポイントです。